<nav class="widget-nav" id="menu">
  <ul class="fix">
    <li><a href="#">首页</a></li>
    <li><a href="#">关于我们</a>
      <div class="_layer nav_layer03 fix">
        <ul>
          <li><a href="#">公司简介</a></li>
          <li><a href="#">发展历程</a></li>
          <li><a href="#">组织架构</a></li>
          <li><a href="#">荣誉资质</a></li>
          <li><a href="#">领导关怀</a></li>
          <li><a href="#">视频中心</a></li>
        </ul>
        <div class="_cont fix UnmobilePush">
          <textarea>
          <dl>
            <a href="#">
            <dt>公司简介</dt>
            <dd>
              <div class="_p">华工激光工程有限责任公司是中国最大的激光设备及等离子切割设备制造商。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>技术实力</dt>
            <dd>
              <div class="_p">华工激光是国家重点高新技术企业、国家标准制定的牵头组织和承担单位。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>员工风采</dt>
            <dd>
              <div class="_p">华工激光秉承“快乐工作 健康生活”的工作理念，经常举办各类趣味活动。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          </textarea>
        </div>
      </div>
    </li>
    <li><a href="#">新闻中心</a>
      <div class="_layer nav_layer03 fix">
        <ul>
          <li><a href="#">公司新闻</a></li>
          <li><a href="#">行业新闻</a></li>
          <li><a href="#">视频中心</a></li>
        </ul>
        <div class="_cont fix UnmobilePush">
          <textarea>
          <dl>
            <a href="#">
            <dt>公司新闻</dt>
            <dd>
              <div class="_p">华工激光工程有限责任公司是中国最大的激光设备及等离子切割设备制造商。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>行业新闻</dt>
            <dd>
              <div class="_p">华工激光是国家重点高新技术企业、国家标准制定的牵头组织和承担单位。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>视频中心</dt>
            <dd>
              <div class="_p">华工激光秉承“快乐工作 健康生活”的工作理念，经常举办各类趣味活动。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          </textarea>
        </div>
      </div>
    </li>
    <li><a href="#">产品中心</a>
      <div class="_layer nav_layer03 fix">
        <ul>
          <li><a href="#">产品名称1</a></li>
          <li><a href="#">产品名称2</a></li>
          <li><a href="#">产品名称3</a></li>
          <li><a href="#">产品名称4</a></li>
        </ul>
        <div class="_cont fix UnmobilePush">
          <textarea>
          <dl>
            <a href="#">
            <dt>产品名称</dt>
            <dd>
              <div class="_p">华工激光工程有限责任公司是中国最大的激光设备及等离子切割设备制造商。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>产品名称</dt>
            <dd>
              <div class="_p">华工激光是国家重点高新技术企业、国家标准制定的牵头组织和承担单位。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>产品名称</dt>
            <dd>
              <div class="_p">华工激光秉承“快乐工作 健康生活”的工作理念，经常举办各类趣味活动。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          </textarea>
        </div>
      </div>
    </li>
    <li><a href="#">人才招聘</a>
      <div class="_layer nav_layer03 fix">
        <ul>
          <li><a href="#">校园招聘</a></li>
          <li><a href="#">社会招聘</a></li>
          <li><a href="#">人力政策</a></li>
        </ul>
        <div class="_cont fix UnmobilePush">
          <textarea>
          <dl>
            <a href="#">
            <dt>校园招聘</dt>
            <dd>
              <div class="_p">华工激光工程有限责任公司是中国最大的激光设备及等离子切割设备制造商。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>社会招聘</dt>
            <dd>
              <div class="_p">华工激光是国家重点高新技术企业、国家标准制定的牵头组织和承担单位。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          <dl>
            <a href="#">
            <dt>人力政策</dt>
            <dd>
              <div class="_p">华工激光秉承“快乐工作 健康生活”的工作理念，经常举办各类趣味活动。</div>
              <div class="_img"><img src="http://temp.im/${placeImg.value}" alt=""></div>
            </dd>
            </a>
          </dl>
          </textarea>
        </div>
      </div>
    </li>
  </ul>
</nav>
<a href="#menu" class="mobile_key">移动导航控制按钮</a>